<template>
	<view class="flex flex-space-between">
		<view class="service-item">
			<image src="http://jiaoyukehu.oss-cn-beijing.aliyuncs.com/static/home/service_bg1.png" mode=""></image>
			<view class="title font32 f-b" style="color: #41557F;">客服快约</view>
			<button open-type="contact" class="text font28 flex flex-center icon-handset" style="color: #6E76AB;">
				电话咨询 在线沟通 
				<image style="width: 14rpx;height: 24rpx;" src="http://jiaoyukehu.oss-cn-beijing.aliyuncs.com/static/home/arrow1.png" mode=""></image>
			</button>
		</view>
		<view class="service-item" @click="goTo()">
			<image src="http://jiaoyukehu.oss-cn-beijing.aliyuncs.com/static/home/service_bg2.png" mode=""></image>
			<view class="title font32 f-b" style="color: #644E0C;">护理服务</view>
			<view class="text font28 flex flex-center" style="color: #B5A261;">
				多商家实时报价
				<image style="width: 14rpx;height: 24rpx;" src="http://jiaoyukehu.oss-cn-beijing.aliyuncs.com/static/home/arrow2.png" mode=""></image>
			</view>
		</view>
	</view>
</template>

<script setup lang="ts">
	function goTo(){
		console.log('1111111111111')
		uni.navigateTo({
			url:'/pages/accompany-tmp/index/nursingService/nursingService'
		})
	}
</script>

<style lang="scss">
	.service-item {
		position: relative;
		image {
			width: 344rpx;
			height: 164rpx;
		}
		.title {
			position: absolute;
			left: 30rpx;
			top: 30rpx;
		}
		.text {
			position: absolute;
			// left: 44rpx;
			bottom: 14rpx;
			image {
				margin-left: 8rpx;
			}
		}
		button {
			text-decoration: none;
			background-color: transparent;
			border-style: none;
			outline: none;
			border-color:transparent;
			
		}
		button::after{ border: none; }
		.icon-handset{
			position: absolute;
			left: -10rpx;
			bottom: 0;
		}
	}
</style>